<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 设置缓存 -->
    <!-- 设定网页的到期时间  -->
    <meta http-equiv="Expires" content="-1">
    <!-- 清除缓存（再访问这个网站要重新下载！） -->
    <meta http-equiv="Cache-Control" content="no-cache">
    <!-- 禁止浏览器从本地机的缓存中调阅页面内容，访问者将无法脱机浏览 -->
    <meta http-equiv="Pragma" content="no-cache">

    <!-- author用于定义网页作者 -->
    <meta name="author" content="aicoder.com">
    <!-- 就是当点击网页添加至主屏幕功能时，会在主屏幕上生成一个图标。点击该图标会进入webapp功能。就是模拟本地应用的模式来浏览web页面。 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。这个主要是根据实际的页面设计的主体色为搭配来进行设置。 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加到主屏幕后，app全屏显示 -->
    <meta content="yes" name="apple-touch-fullscreen" />

    <!-- 默认设备会自动识别任何可能是电话和邮箱的字符串。设置telephone=no可以禁用这项功能。 -->
    <meta content="telephone=no,email=no" name="format-detection" />

    <!-- UC浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="full-screen" content="yes">
    <!-- 应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="x5-fullscreen" content="true">
    <!-- 应用模式 -->
    <meta name="x5-page-mode" content="app">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/payment.css">
    <link rel="stylesheet" href="./font/fontshop/iconfont.css">
    <script src="./lib/hotcss-v2.0.1/imochen-hotcss/src/hotcss.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<header>
    <div class="top-hd">
        <h3>订单结算</h3>
        <a href="cart.html"><i class="iconfont icon-moreinfo-copy-copy"></i></a>
    </div>
</header>
<main>
    <div class="layer-address">
        <div class="address-adornment">
            <ul>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
            </ul>
        </div>
        <div class="address-content">
            <p>收 货 人：路人丙</p>
            <p>联系方式：88488848</p>
            <p>收货地址：北京&nbsp   一环&nbsp  建材城西路金燕龙办<pan>&nbsp&nbsp&nbsp&nbsp&nbsp</pan>
                  1号独栋别墅</p>
        </div>
        <div class="address-adornment">
            <ul>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
                <li class="adornment-blue"></li>
                <li class="adornment-pink"></li>
            </ul>
        </div>
    </div>
    <div class="layer-order">
        <div class="layer-interval"></div>
        <div class="order-hd"><span>订单1</span> 歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040</div>
        <div class="order-middle">
            <div class="order-middle-l"><img src="./img/购物车/商品图.png" alt=""></div>
            <div class="order-middle-r">
                <p>颜色:<span> JK898 红蓝</span> &nbsp尺码：<span>165/S</span></p>
                <img src="./img/购物车/手机专属.png">
                <h3>￥2199</h3>
            </div>
        </div>
        <div class="order-bd">
            <div class="order-bd-l">
                <p>送货/付款</p>
            </div>
            <div class="order-bd-r">
                <p>普通快递送货上门货到付款</p>
                <i class="iconfont icon-moreinfo-copy-copy"></i>
            </div>
        </div>
    </div>
    <div class="layer-order">
        <div class="layer-interval"></div>
        <div class="order-hd"><span>订单1</span> 歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040</div>
        <div class="order-middle">
            <div class="order-middle-l"><img src="./img/购物车/商品图.png" alt=""></div>
            <div class="order-middle-r">
                <p>颜色:<span> JK898 红蓝</span> &nbsp尺码：<span>165/S</span></p>
                <img src="./img/购物车/手机专属.png">
                <h3>￥2199</h3>
            </div>
        </div>
        <div class="order-bd">
            <div class="order-bd-l">
                <p>送货/付款</p>
            </div>
            <div class="order-bd-r">
                <p>普通快递送货上门货到付款</p>
                <i class="iconfont icon-moreinfo-copy-copy"></i>
            </div>
        </div>
    </div>
    <div class="layer-order">
        <div class="layer-interval"></div>
        <div class="order-hd"><span>订单1</span> 歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040</div>
        <div class="order-middle">
            <div class="order-middle-l"><img src="./img/购物车/商品图.png" alt=""></div>
            <div class="order-middle-r">
                <p>颜色:<span> JK898 红蓝</span> &nbsp尺码：<span>165/S</span></p>
                <img src="./img/购物车/手机专属.png">
                <h3>￥2199</h3>
            </div>
        </div>
        <div class="order-bd">
            <div class="order-bd-l">
                <p>送货/付款</p>
            </div>
            <div class="order-bd-r">
                <p>普通快递送货上门货到付款</p>
                <i class="iconfont icon-moreinfo-copy-copy"></i>
            </div>
        </div>
    </div>
    <div class="layer-order">
        <div class="layer-interval"></div>
        <div class="order-hd"><span>订单1</span> 歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040</div>
        <div class="order-middle">
            <div class="order-middle-l"><img src="./img/购物车/商品图.png" alt=""></div>
            <div class="order-middle-r">
                <p>颜色:<span> JK898 红蓝</span> &nbsp尺码：<span>165/S</span></p>
                <img src="./img/购物车/手机专属.png">
                <h3>￥2199</h3>
            </div>
        </div>
        <div class="order-bd">
            <div class="order-bd-l">
                <p>送货/付款</p>
            </div>
            <div class="order-bd-r">
                <p>普通快递送货上门货到付款</p>
                <i class="iconfont icon-moreinfo-copy-copy"></i>
            </div>
        </div>
    </div>
    <div class="layer-order">
        <div class="layer-interval"></div>
        <div class="order-hd"><span>订单1</span> 歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040</div>
        <div class="order-middle">
            <div class="order-middle-l"><img src="./img/购物车/商品图.png" alt=""></div>
            <div class="order-middle-r">
                <p>颜色:<span> JK898 红蓝</span> &nbsp尺码：<span>165/S</span></p>
                <img src="./img/购物车/手机专属.png">
                <h3>￥2199</h3>
            </div>
        </div>
        <div class="order-bd">
            <div class="order-bd-l">
                <p>送货/付款</p>
            </div>
            <div class="order-bd-r">
                <p>普通快递送货上门货到付款</p>
                <i class="iconfont icon-moreinfo-copy-copy"></i>
            </div>
        </div>
    </div>
    <div class="layer-order">
        <div class="layer-interval"></div>
        <div class="order-hd"><span>订单1</span> 歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040</div>
        <div class="order-middle">
            <div class="order-middle-l"><img src="./img/购物车/商品图.png" alt=""></div>
            <div class="order-middle-r">
                <p>颜色:<span> JK898 红蓝</span> &nbsp尺码：<span>165/S</span></p>
                <img src="./img/购物车/手机专属.png">
                <h3>￥2199</h3>
            </div>
        </div>
        <div class="order-bd">
            <div class="order-bd-l">
                <p>送货/付款</p>
            </div>
            <div class="order-bd-r">
                <p>普通快递送货上门货到付款</p>
                <i class="iconfont icon-moreinfo-copy-copy"></i>
            </div>
        </div>
    </div>
    <div class="layer-interval"></div>
</main>
<footer>
    <div class="goods-account-wrap">
        <div class="goods-account-wrap-hd">
            <div class="account-l">
                <div class="account-l-sum">合计：<span class=price-num>8779.00</span>（不包邮费）</div>
            </div>
            <div class="account-r">
                <!-- <div class="account-r-sum">合计：<span class=price-num>8779.00</span></div> -->
                <div class="account-r-settle">提交订单</div>
            </div>
        </div>

    </div>
</footer>

<body>

</body>

</html>